<template>
  <div class="agree">
    <div class="box">
      <h3>{{tit}}</h3>
      <iframe :src="src" frameborder="0" width="99%" height="90%" scrolling='auto'></iframe>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    src: {
      type: String
    },
    tit: {
      type: String
    }
  }
}
</script>
<style lang="scss" scoped>
.agree{
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  .box{
    width: 400px;
    height: 575px;
    margin: 0 auto;
    margin-top: 80px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    h3{
      font-size: 20px;
      font-weight: 800;
      padding: 20px 0 10px 0;
      text-align: center;
    }
    iframe{
      html{
        width: 390px;
      }
    }
  }
}
</style>
